@import '../../assets/less/common.less';

.good {
  width: 332rpx;
  height: 542rpx;
  margin-top: 22rpx;
  background: #ffffff;
  border-radius: 4rpx;

  .img {
    width: 332rpx;
    height: 332rpx;
    border-top-left-radius: 4rpx;
    border-top-right-radius: 4rpx;
  }

  .desc {
    padding: 14rpx 16rpx;

    .title {
      min-height: 80rpx;
      color: #333333;
      font-size: 28rpx;
      overflow: hidden;
      .hm-ellipsis-multiple(2);
    }

    .badge {
      width: 64rpx;
      height: 26rpx;
      background: #ff4a3d;
      border-radius: 2rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 18rpx;
      color: #fff;
    }

    .price-wrap {
      margin-top: 14rpx;
      display: flex;
      justify-content: space-between;
      align-items: center;

      .price {
        display: flex;
        align-items: center;

        .now {
          font-size: 28rpx;
          font-weight: 500;
          color: #f92929;

          .unit {
            font-size: 22rpx;
          }
        }

        .pre {
          font-size: 24rpx;
          font-weight: 500;
          margin-left: 8rpx;
          text-decoration: line-through;
          color: rgba(0, 0, 0, 0.40);

          .unit {
            font-size: 20rpx;
          }
        }

        .saled {
          margin-left: 8rpx;
          color: rgba(0, 0, 0, 0.40);
          font-size: 20rpx;
        }
      }

      .buy {
        width: 96rpx;
        height: 30rpx;
        background: linear-gradient(#FF696C, #F24833);
        border-radius: 52rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #ffffff;
        font-size: 16rpx;
        font-weight: 500;
      }

      .add-cart {
        width: 32rpx;
        height: 32rpx;
        border: 1rpx solid #f92929;
        border-radius: 42rpx;
        .hm-flex();
        .icon{
          width: 16rpx;
          height: 16rpx;
          .hm-img("@{baseUrl}/good/add-cart.png");
          
        }
      }
    }
  }

}